<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/assets/view/base/tag.jsp" %>
<!DOCTYPE html>
<head>
    <jsp:include page="/assets/view/common/head-meta.jsp"/>
    <meta name="baidu-site-verification" content="kIbmf6YnlP"/> <!-- 百度验证 -->
    <meta property="qc:admins" content="1561317123745636" /><!-- QQ互联 -->
    <meta name="Keywords" content="mrcode博客,markdown博客,支持markdown的博客,h5博客,程序员笔记,技术博客,免费博客,JAVA开发,技术分享平台,个人博客网站,">
    <meta name="Description" content="mrcode是一个个人技术markdown博客网站，为了技术而写，想完整的模拟一个在线分布式个性博客系统。网站只有一种编辑文章的方式，那就是markdown编辑器，用于记录分享JAVA、web前端、android开发以及html5等笔记、原创文章分享博客网站。使用bootstrap编写前端代码,因此大部分网页都自适应移动端，希望有人能和我一起开发这个博客系统，只为技术而生 --- 小人物的努力奋斗。">
    <title>mrcode博客,纯markdown程序员博客</title>
    <jsp:include page="/assets/view/common/head-ui.jsp"/>
</head>
<body>

<!-- Page Loader -->
<div class="page-loader" <%--style="display: none;"--%>>
    <div class="loader" <%--style="display: none;"--%>>Loading...</div>
</div>
<!-- End Page Loader -->
<jsp:include page="/assets/view/common/header.jsp"/>
<div class="jumbotron" style="margin-top: -70px">
    <div class="container">
        <br>
        <br>
        <br>
        <p class="text-success align-center">本站已经开通QQ账户登录</p>
        <p class="text-success align-center">点击"用QQ账号登录"，可以快速注册新账户并自动绑定，也可以绑定已有的mrcode账户哦~</p>
        <div class="align-center">
                <a class = "btn btn-mod btn-medium btn-round" href="/account/login">
                    俺要围观
                </a>
        </div>
    </div>
</div>
<section class="page-section pt-70" id="topArtile">
    <div class="container relative">
        <h2 class="section-title font-alt align-left mb-70 mb-sm-40">
            热门博文
            <a href="/article/topmore" target="_blank" class="section-more right">更 多 热 门 博 文 <i class="fa fa-angle-right"></i></a>
        </h2>
        <div class="row multi-columns-row">
            <c:forEach items="${topArticles}" var="article" varStatus="index">
                <!-- Post Item -->
                <div class="col-sm-6 col-md-4 col-lg-4  mb-20 wow fadeIn" data-wow-delay="0.1s" data-wow-duration="2s"
                     style="visibility: visible; animation-duration: 2s; animation-delay: 0.1s; animation-name: fadeIn;">
                    <div class="post-prev-img">
                        <a href="${contextPath}/${article.userAccount}/article/details/${article.id}.html" class=" text-center">
                            <c:choose>
                                <c:when test="${article.summaryImg != null && article.summaryImg != ''}">
                                    <img class="index-article-top-img lazy" data-original="${article.summaryImg}"  src="<%--${article.summaryImg}--%>" alt="${article.title}">
                                </c:when>
                                <c:otherwise>
                                    <img class="index-article-top-img lazy" data-original="/assets/common/image/art-defult.png" src="<%--/assets/common/image/art-defult.png--%>" alt="${article.title}">
                                </c:otherwise>
                            </c:choose>
                        </a>
                    </div>
                    <div class="post-prev-title font-alt text-overflow2">
                        <a href="${contextPath}/${article.userAccount}/article/details/${article.id}.html" alt="${article.title}">${article.title}</a>
                    </div>
                    <div class="post-prev-info font-alt">
                        <a href="${contextPath}/${article.userAccount}/article/category/all" alt="${article.userAccount}的博客">${article.userAccount}</a> | ${article.readNum} 阅读量<span class="icon-eye-open"/>
                    </div>
                    <div class="post-prev-text index-article-summary-text">
                            ${article.summary}
                    </div>
                    <div class="post-prev-more">
                        <a href="${contextPath}/${article.userAccount}/article/details/${article.id}.html" class="btn btn-mod btn-gray btn-round">Read More <i class="fa fa-angle-right"></i></a>
                    </div>
                </div>
                <!-- End Post Item -->
            </c:forEach>
        </div>
    </div>
</section>
<section class="page-section pt-70">
    <div class="container relative">
        <%--<h2 class="section-title font-alt align-left mb-70 mb-sm-40">
            热门博文
        </h2>--%>
        <div class="row">
            <div class="list-group index-list-group text-left side-item col-md-4">
                <img style="width: 100%" class="lazy" data-original="/assets/img/comm/week.jpg" src="<%--/assets/img/comm/week.jpg--%>">
            </div>
            <div class="list-group index-list-group text-left side-item col-md-4">
                <a href="/article/topmore" target="_blank" class="list-group-item text-center active"
                   style="background-image: url(/assets/img/comm/section-bg-2.jpg); ">
                    本周最新文章
                </a>
                <c:choose>
                    <c:when test="${weekNewestArticles != null && weekNewestArticles.size() > 0}">
                        <c:forEach items="${weekNewestArticles}" var="article" varStatus="index">
                            <a href="${contextPath}/${article.userAccount}/article/details/${article.id}.html" class="list-group-item" alt="${article.title}"
                               data-toggle="tooltip" data-placement="top" title="${article.title}">
                                <span class="text-overflow" style="width: 70%"> ${article.title} </span><span class="badge"> ${article.readNum}</span>
                            </a>
                        </c:forEach>
                    </c:when>
                    <c:otherwise>
                        <a class="list-group-item text-center" >暂无数据</a>
                    </c:otherwise>
                </c:choose>
            </div>
            <div class="list-group index-list-group text-left side-item col-md-4">
                <a href="/article/topmore" target="_blank" class="list-group-item text-center active"
                   style="background-image: url(/assets/img/comm/section-bg-2.jpg); ">
                    本周最热文章
                </a>
                <c:choose>
                    <c:when test="${weekHotTopsArticles != null && weekHotTopsArticles.size() > 0}">
                        <c:forEach items="${weekHotTopsArticles}" var="article" varStatus="index">
                            <a href="${contextPath}/${article.userAccount}/article/details/${article.id}.html" class="list-group-item" alt="${article.title}"
                               data-toggle="tooltip" data-placement="top" title="${article.title}">
                                <span class="text-overflow" style="width: 70%"> ${article.title} </span><span class="badge"> ${article.readNum}</span>
                            </a>
                        </c:forEach>
                    </c:when>
                    <c:otherwise>
                        <a class="list-group-item text-center" >暂无数据</a>
                    </c:otherwise>
                </c:choose>
            </div>

        </div>
    </div>
</section>
<section class="small-section bg-dark" style="background-image: url(/assets/img/comm/section-bg-3.jpg); ">
    <div class="container relative">
        <div class="align-center">
            <h3 class="banner-heading font-alt">博客正式版v0.9.0 2016-07-20</h3>
            <div class="local-scroll">
                <p class="team-item-role">1. session 共享</p>
                <p class="team-item-role">2. nginx 反向代理测试</p>
                <a class="btn btn-mod btn-gray btn-round" href="/mrcode/article/details/219B44167D35481AA507CA0310D1C93B.html">
                    更多更新日志
                </a>
            </div>
        </div>
    </div>
</section>


<section class="page-section pb-0" id="about">
    <div class="container relative">
        <h2 class="section-title font-alt align-left mb-70 mb-sm-40">
            博客总排行榜
            <a href="/blog/hot/total" class="section-more right" type="_blank">更 多<i class="fa fa-angle-right"></i></a>
        </h2>

        <div class="row">
            <c:forEach items="${topUsersTotal}" var="user" varStatus="index">
                <!-- Team item -->
                <div class="col-sm-4 mb-xs-30 wow fadeInUp mb-40 mb-sm-20" data-wow-delay="0.1s"
                     style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
                    <div class="team-item">
                        <div class="team-item-image">
                            <img class="index-blogshow-img lazy" data-original="${contextPath}${user.blogShow}" src="<%--${contextPath}${user.blogShow}--%>" alt="${user.account}的个人形象">
                            <div class="team-item-detail">
                                <h4 class="font-alt normal">博客签名</h4>
                                <p>${user.sign}</p>
                                <div class="team-social-links">
                                    <a href="${contextPath}/${user.account}/article/category/all" alt="${user.account}的博客"
                                       title="${user.account}的博客">
                                        <span class="icon-star icon-spin"></span>进入该博客
                                    </a>
                                        <%--<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                        <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        <a href="#" target="_blank"><i class="fa fa-pinterest"></i></a>--%>
                                </div>
                            </div>
                        </div>
                        <div class="team-item-descr font-alt">
                            <div class="team-item-name">
                                    ${user.name}(${user.account})
                            </div>
                            <div class="team-item-role">
                                总访问量 : ${user.blogConfig.totalVisitsNum}
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Team item -->
            </c:forEach>
        </div>

    </div>
</section>
<section class="page-section pt-20" id="about">
    <div class="container relative">
        <h2 class="section-title font-alt align-left mb-70 mb-sm-40">
            博客今日排行榜
            <a href="/blog/hot/today" class="section-more right" type="_blank">更 多<i class="fa fa-angle-right"></i></a>
        </h2>

        <div class="row">
            <c:forEach items="${topUsersToday}" var="user" varStatus="index">
                <!-- Team item -->
                <div class="col-sm-4 mb-xs-30 wow fadeInUp mb-40 mb-sm-20" data-wow-delay="0.1s"
                     style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
                    <div class="team-item">
                        <div class="team-item-image">
                            <img class="index-blogshow-img lazy" data-original="${contextPath}${user.blogShow}" src="<%--${contextPath}${user.blogShow}--%>" alt="${user.account}的个人形象">
                            <div class="team-item-detail">
                                <h4 class="font-alt normal">博客签名</h4>
                                <p>${user.sign}</p>
                                <div class="team-social-links">
                                    <a href="${contextPath}/${user.account}/article/category/all" alt="${user.account}的博客"
                                       title="${user.account}的博客">
                                        <span class="icon-star icon-spin"></span>进入该博客
                                    </a>
                                        <%--<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                                        <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                                        <a href="#" target="_blank"><i class="fa fa-pinterest"></i></a>--%>
                                </div>
                            </div>
                        </div>
                        <div class="team-item-descr font-alt">
                            <div class="team-item-name">
                                    ${user.name}(${user.account})
                            </div>
                            <div class="team-item-role">
                                    今日访问量 : ${user.blogConfig.todayVisitsNum}
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Team item -->
            </c:forEach>
        </div>

    </div>
</section>



<section class="small-section bg-dark">
    <div class="container relative">
        <div class="align-center">
            <h3 class="banner-heading font-alt">
                本站对火狐、谷歌chrome浏览器支持较好，其他浏览器有可能某些功能不支持，且只支持IE8以上
            </h3>
        </div>
    </div>
</section>

<jsp:include page="/assets/view/common/footer.jsp"/>
<script type="text/javascript" src="${basePath}/assets/lib/jquery/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="${basePath}/assets/js/main.js"></script>
</body>
</html>